<template>
	<div>
		<el-card class="!border-none pt-4" shadow="never">
			<el-table class="mt-[20px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#FFB400','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="名称" prop="name" align="center" />
				<el-table-column label="操作" align="center">
					<template #default="{ row }">
						<el-button type="primary" link>
							<span class="main-color1">{{row.bnt}}</span>
						</el-button>
					</template>
				</el-table-column>
			</el-table>
		</el-card>
		<el-card class="!border-none pt-4 mt-[20px]" shadow="never">
			<el-table size="large" :data="lists2"
				:header-cell-style="{'background':'#0054A6','color':'#FFB400','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="名称" prop="name" align="center" />
				<el-table-column label="操作" align="center">
					<template #default="{ row }">
						<el-button type="primary" link>
							<span class="main-color1">{{row.bnt}}</span>
						</el-button>
						<el-button type="primary" link v-if="row.bnt2">
							<router-link :to="{
							        path: row.url ? getRoutePath('saleOrder.saleOrder/generate') :'',
							        query: {
							            id: '1'
							        }
							    }">
								<span class="main-color1">{{row.bnt2}}</span>
							</router-link>
						</el-button>
						<el-button type="primary" link v-if="row.bnt3">
							<span class="main-color1">{{row.bnt3}}</span>
						</el-button>
					</template>
				</el-table-column>
			</el-table>
		</el-card>
	</div>
</template>

<script lang="ts" setup>
	import { getRoutePath } from '@/router'
	const lists = ref<Array<any>>([
		{ name: '提单确认件', bnt: '上传' }, { name: '提单', bnt: '下载' }, { name: '报关资料', bnt: '上传' }
	])
	const lists2 = ref<Array<any>>([
		{ name: '提单确认件', bnt: '上传' }, { name: '提单', bnt: '下载' }, { name: '出口明细表', bnt2: '生成', bnt: '上传' ,url:'saleOrder.saleOrder/generate'}, { name: '报关资料', bnt: '上传' }, { name: '预录单', bnt: '下载', bnt2: '确认', bnt3: '驳回', }, { name: '报关底单', bnt: '下载' }, { name: '放行通知书', bnt: '下载' }, { name: '电放', bnt: '下载' }
	])
</script>

<style>
</style>